<template>
  <div>
    <div class="nav">
      <router-link to="/">Portal</router-link>
      <router-link to="/members">Members</router-link>
    </div>
    <div class="view">
      <router-view></router-view>
    </div>
  </div>
</template>

<style scoped>
.nav {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  border-bottom: 1px solid #8888;
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 0 24px;
  background-color: var(--main-bg-color);
}

.nav>* {
  margin: 0 12px;
}

.view {
  padding: 120px 24px;
}
</style>
